<template lang="pug">
  el-dialog(
    title="添加活动课"
    :visible="visibleDialog"
    width="480px"
    append-to-body
    center
    destroy-on-close
    v-el-drag-dialog
    @close="$_handleCancel"
  )
    el-input.w(v-model="activityContent" size="small" placeholder="请输入课程名称")
    .uploadBox
      single-media-upload(:value="videoUrl")
</template>
<script>
import SingleMediaUpload from '@/components/Basic/Form/Upload/SingleMedia'

export default {
  components: {
    SingleMediaUpload
  },
  props: {
    visible: {
      type: Boolean,
      default: false
    }
  },
  data () {
    return {
      activityContent: '',
      videoUrl: ''
    }
  },
  computed: {
    visibleDialog: {
      get () {
        return this.visible
      },
      set (val) {
        this.$emit('update:visible', val)
      }
    }
  },
  methods: {
    $_handleCancel () {
      this.visibleDialog = false
    }
  }
}
</script>
<style lang="scss" scoped>
.uploadBox{
  margin-top: 20px
}
</style>
